<template>
    <div class="videoItem">
        <div class="title">{{title}}</div>
        <div class="value">{{value}}</div>
    </div>
</template>

<script>
	export default {
		name: "VideoItem",
		props: {
			title: {
				type:String,
                default:''
            },
			value: {
				type:String,
				default:''
            }
		}
	}
</script>

<style scoped lang="scss">
    .videoItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 25%;

        .title {
            font-size: 12px;
            font-family: "PingFang SC";
            font-weight: 500;
        }

        .value {
            font-size: 16px;
            font-family: "PingFang SC";
            font-weight: 800;
        }
    }
</style>